﻿
<div ng-controller="STaffTimeEditController">
    <h3>Staff Time Edit</h3>
    <div class="clearfix">


        <table class="tableKind-01 w270 mr30 fleft">
            <tr>
                <th>{{texts['lb-staff-name']}}</th>
                <td>{{Staff.StaffName}}</td>
            </tr>
            <tr>
                <th>{{texts['lb-staff-id']}}</th>
                <td>{{Staff.Id}}</td>
            </tr>
            <tr>
                <th>{{texts['lb-store']}}</th>
                <td>{{Staff.StoreName}}</td>
            </tr>
            <tr>
                <th>{{texts['lb-date-stamp']}}</th>
                <td>{{Staff.StampDate}}</td>
            </tr>
            <tr>
                <th>{{texts['lb-status']}}</th>
                <td>{{Staff.CheckIn == "" || Staff.CheckOut == "" ? "Unexpected" : "Nomal"}}</td>
            </tr>
            <tr>
                <th colspan="2" class="center" >{{texts['lb-staff-time-list']}}</th>
            </tr>
            <tr>
                <td colspan="2" class="auto-style1">
                    <ul class="listDoc cursor">
                        <li>
                            <a ng-click="editType()">{{checkTypeEdit}}</a>
                        </li>
                        <li>
                            <a>It Not a  {{checkType}}</a>
                        </li>
                        <li>
                            <a ng-click="createNew()">{{texts['lb-create-new']}}</a>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>

        <table class="tableKind-01 w455 fleft">
            <tr>
                <th>{{texts['lb-store']}}</th>
                <td>
                    <select class="CBB" ng-model="myStore">
                        <option ng-repeat="store in rowsStoreList" value="{{store.StoreId}}" ng-selected="store.StoreId == '{{myStore}}'">{{store.StoreName}}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>{{texts['lb-type']}} </th>
                <td>
                    <span ng-show="showTest">{{checkType}}</span>
                    <select class="CBB" ng-model="typeSelect" ng-show="!showTest"  ng-change="updateType()">
                        <option ng-repeat="rows in dataSelect" value="{{rows.CheckType}}" ng-selected="rows.CheckType =='Check In'">{{rows.CheckType}}</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>{{texts['lb-record-date']}}</th>
                <td class="table-timepicker">
                    <timepicker ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
                </td>
            </tr>
            <tr>
                <th>{{texts['lb-update']}}</th>
                <td>{{v.Dt | date:'yyyy-MM-dd HH:mm'}}</td>
            </tr>
            <tr>
                <th>{{texts['lb-edit-date']}}</th>
                <td><input class="w100" type="text" ng-model="editDate" /></td>
            </tr>
            <tr>
                <th class="center" colspan="2">{{texts['lb-remark']}}</th>
            </tr>
            <tr>
                <td colspan="2">
                    <textarea class="staffTimeEdit-textarea" ng-model="remark"></textarea>
                </td>
            </tr>
        </table>
    </div>
    <div class="center mt20 clearfix">
        <button class="w110" ng-click="verifyInput()">{{texts['btn-verify-input']}}</button>
        <button class="ml20 w110 mr20" ng-click="redo()">{{texts['btn-redo']}}</button>
        <button class="w110" ng-click="back()">{{texts['btn-back']}}</button>
    </div>


</div>
